<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}" rel="stylesheet"/>-->
    <link th:href="@{/css/layui/css/layui.css}" rel="stylesheet"/>
    <!--<link th:href="@{/css/layui/layui.js}" rel="stylesheet"/>-->
    <script type="text/javascript" th:src="@{/css/layui/layui.js}"></script>

    <style>

        .ma-iframe {
            width: 100%;
            height: 100%;
            border: 0;
            background-color: #fff;
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>
</head>
<body>

<div class="layui-progress">
    <div class="layui-progress-bar" lay-percent="10%"></div>
</div>

<script>
    //注意进度条依赖 element 模块，否则无法进行正常渲染和功能性操作
    layui.use('element', function(){
        var element = layui.element;
    });
</script>


</body>
</html>


